{extend name="wmcommon/newmenu" /}

{block name='title'}北京研学,夏令营,冬令营,研学旅行,研学心得体会{/block}
{block name='keywords'}研学旅行,心得体会,活动方案,研学实践教育,营地教育,冬令营,夏令营{/block}
{block name='description'}未名研学专注于中小学生研学实践教育、泛营地教育、基地教育、夏令营、冬令营、国际游学等泛营地教育，提供研学导师培训、研学课程设计、营地开发、品牌推广、整合营销、高端定制等一站式咨询服务和解决方案{/block}

{block name="newbanner"}
<script>
    var navigation = responsiveNav("#nav");
</script>
<div class="swiper-container" id="banner">
    <div class="swiper-wrapper">
        {foreach $slider as $v}
        <div class="swiper-slide" style="background:url({$v.thumb ?: ''}) no-repeat center; background-size: auto 100%;">
            <a href="{$v.link}" target="_blank">&nbsp;</a>
        </div>
        {/foreach}
    </div>
    <div class="pagination"></div>
</div>
<script src="__STATIC__/wm_newindex/js/idangerous.swiper.js"></script>
<script>
    $(function () {
        var banner = new Swiper('#banner', {
            autoplay: 5000,
            loop: true,
            pagination: '.pagination',
            autoplayDisableOnInteraction: false,
        });
        var silvertrack = new Swiper('#silvertrack', {
            autoplay: 1,
            speed: 3000,
            loop: true,
            slidesPerView: "auto",
            loopedSlides: 3,
            autoplayDisableOnInteraction: false,
        });
        $(".xScroll").xScroll();
        var institutions_list = new Swiper('#institutions_list', {
            slidesPerView: "auto",
        });
        $("#institutions").on("click", ".btn_left", function () {
            institutions_list.swipePrev();
        });
        $("#institutions").on("click", ".btn_right", function () {
            institutions_list.swipeNext();
        });
        $("#search_course").on("click", ".tab .tab_item", function () {
            if (!$(this).hasClass("on")) {
                $(this).addClass("on").siblings(".tab_item").removeClass("on");
            }
        });
        $("#search_course").on("click", ".right .box span", function () {
            if (!$(this).hasClass("on")) {
                $(this).addClass("on").siblings("span").removeClass("on");
            }
        });
    })
</script>
{/block}
{block name='newcontent'}

{notempty name='block1'}
<div class="container-fluid about_us">
    <div class="container">
        <div class="col-xs-12 col-sm-6">
            <img src="__STATIC__/wm_newindex/images/about_pic.jpg" />
        </div>
        <div class="col-xs-12 col-sm-6">
            <img src="__STATIC__/wm_newindex/images/about_title.jpg" />
            <h3>{$block1.title ?: ''}</h3>
            {$block1.content.content|raw|default=''}
            <a href="{$block1.url ?: '#'}">查看详情 ></a>
        </div>
    </div>
</div>
{/notempty}

<div class="container-fluid product_service">
    <div class="container">
        <div class="col-xs-12 product_service_title">
            <h1>产品服务</h1>
            <span>PRODUCT SERVICE</span>
        </div>

        {notempty name="$aryProductService"}
        {foreach $aryProductService as $v}
        <div class="col-xs-6 col-sm-3 product_service_list">
            <img src="{$v.logo ?: ''}" />
            <span>{$v.name ?: ''}</span>
            <dl style="display:none;">
                <dt>{$v.name ?: ''}</dt>
                <dd>{$v.desc ?: ''}</dd>
                <a href="{:url("/item/3-$v[id]")}">查看详情 ></a>
            </dl>
        </div>
        {/foreach}
        {/notempty}



        <div class="col-xs-12 product_service_more"><a href="{:url("/item/3")}">查看更多 ></a></div>
    </div>
</div>
<script>
    $(function(){

        $(".product_service_list").hover(function(){

            $(this).children("dl").slideDown();

        },function(){

            $(this).children("dl").slideUp();

        })

    });
</script>
<div class="container-fluid teaching_model">
    <div class="container">
        <div class="col-xs-12 teaching_model_title">
            <h1>{$block4.title ?: ''}</h1>
            <span>{$block4.english_title ?: ''}</span>
        </div>
        <div>
            <ul id="lanrenzhijia_outer">
                <li id="lanrenzhijia_inner">
                    <ul id="lanrenzhijia">
                        {notempty name="block4['content']['lists']"}
                        {foreach $block4['content']['lists'] as $v}
                        <li>
                            <div class="col-xs-12 sy_content02_list" style="min-height: 455px !important;">
                                <img src="{$v.thumb ?: ''}" />
                                <dl>
                                    <dt>{$v.title ?: ''}</dt>
                                    <span></span>
                                    <dd style="min-height: 175px !important;">{$v.content ?: ''}</dd>
                                </dl>
                            </div>
                        </li>
                        {/foreach}
                        {/notempty}
                    </ul>
                </li>
            </ul>
            <div id="scrollbar">
                <div id="track">
                    <div id="dragBar"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<link rel="stylesheet" type="text/css" href="__STATIC__/wm_newindex/css/teaching_model.css" />
<script src="__STATIC__/wm_newindex/js/teaching_model.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#lanrenzhijia_outer').horizontalScroll();
    });
</script>
<div class="container-fluid curriculum_system">
    <div class="container">
        <div class="col-xs-12 curriculum_system_title">
            <h1>{$block3.title ?: ''}</h1>
            <span>{$block3.english_title ?: ''}</span>
        </div>
        {notempty name="$block3['content']['lists']"}
        <?php $intI = 1;?>
        {foreach $block3['content']['lists'] as $k=>$v}
        <dl class="col-xs-12 col-sm-4 curriculum_system_list">
            <dt class="cs_arr0{$intI}" >{$v.title ?: ''}</dt>
            <dd>&nbsp;</dd>
        </dl>
        <?php $intI++;?>
        {/foreach}
        {/notempty}

        <div class="col-xs-12 curriculum_system_more"><a href="{:url("/item/13")}">查看更多 ></a></div>
    </div>
</div>
<div class="container-fluid excellent_courses">
    <div class="container">
        <div class="col-xs-12 excellent_courses_title">
            <h1>研学精品课程</h1>
            <span>EXCELLENT COURSES IN RESEARCH</span>
        </div>
        <!-- 代码 开始 -->
        <div class="warpper">
            <div class="wwwqirecom">
                <div class="qirepic">
                    <ul class="info">
                        {notempty name="block8['content']['lists']"}
                        <?php $aryDataNew = $block8['content']['lists'][0];?>
                        <li>
                            <div class="qirepic-silder-panel">
                                <a class="qirepic-silder-img" href="{$aryDataNew.link ?: 'javascript:;'}"><img style="width: 582px;height: 341px;" src="{$aryDataNew.thumb ?: ''}" /></a>
                                <div class="qirepic-silder-intro">
                                    <div class="qirepic-silder-title">
                                        <h2><a target="_blank" href="{$aryDataNew.link ?: 'javascript:;'}" >{$aryDataNew.title ?: ''}</a></h2>
                                    </div>
                                    <!--<div class="qirepic-silder-info clearfix">-->
                                        <!--{$aryDataNew.content|raw|default=''}-->
                                    <!--</div>-->
                                </div>
                            </div>
                        </li>
                        {/notempty}
                    </ul>
                </div>
                <div class="num">
                    <ul>
                        {notempty name="block8['content']['lists']"}
                        <?php $aryData = $block8['content']['lists'];unset($aryData[0]);?>
                        {foreach $aryData as $v}
                        <a href="{$v.link ?: 'javascript:;'}">
                        <li>

                                {$v.title ?: ''}

                        </li>
                        </a>
                        {/foreach}
                        {/notempty}
                    </ul>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(".wwwqirecom").slide({ titCell:".num ul li" , mainCell:".qirepic ul.info" , effect:"fold", autoPlay:true , delayTime:300 });
        </script>
        <div class="col-xs-12 excellent_courses_more"><a href="{:url("/item/12")}">查看更多 ></a></div>
    </div>
</div>
<div class="container-fluid excellent_technical">
    <div class="container">
        <div class="col-xs-12 excellent_technical_title">
            <h1>{$block5.title ?: ''}</h1>
            <span>{$block5.english_title ?: ''}</span>
        </div>
        {notempty name="$block5['content']['lists']"}
        <?php $intI = 1;?>
        {foreach $block5['content']['lists'] as $k=>$v}
        <dl class="col-xs-12 col-sm-4 excellent_technical_list">
            <dt class="ets_arr0<?php echo $intI;?>">{$v.title ?: ''}</dt>
            <dd>{$v.content ?: ''}</dd>
        </dl>
        <?php $intI++;?>
        {/foreach}
        {/notempty}
    </div>
</div>
<div class="container-fluid news_content">
    <div class="container">
        <div class="col-xs-12 news_content_title"><h3>新闻资讯</h3><span></span><a href="{:url("/item/13")}">查看更多 ></a></div>


        {notempty name="$block9['content']['lists']"}
        <?php $aryDataNew = $block9['content']['lists'][0];?>
        <div class="col-xs-12 col-sm-8" style="padding: 0px;">
            <div class="col-xs-12 col-sm-6"><img src="{$aryDataNew.thumb ?: ''}" width="100%" /></div>
            <div class="col-xs-12 col-sm-6 news_info">
                <h3>{$aryDataNew.title ?: ''}</h3>
                {$aryDataNew.content|raw|default=''}<a href="{$aryDataNew.link ?: 'javascript:;'}">[查看详情]</a>
            </div>
        </div>
        {/notempty}
        <div class="col-xs-12 col-sm-4 news_list">
            <ul>
                {notempty name="$block9['content']['lists']"}
                <?php $aryData = $block9['content']['lists'];unset($aryData[0]);?>
                {foreach $aryData as $v}
                    <li>
                        <a href="{$v.link ?: 'javascript:;'}">
                            {$v.create_at ?: ''}
                        {$v.title ?: ''}
                        </a>
                    </li>
                {/foreach}
                {/notempty}
            </ul>
        </div>
    </div>
</div>
<div class="container-fluid map_content">
    <div class="container">
        <dl>
            <dt><span>200</span> +套</dt>
            <dd>开设探究式课程</dd>
        </dl>
        <dl style="margin-top:100px;">
            <dt><span>70W</span></dt>
            <dd>接待学生人数</dd>
        </dl>
        <dl>
            <dt><span>200</span> +</dt>
            <dd>成功举办课程活动</dd>
        </dl>
        <dl style="margin-top:100px;">
            <dt><span>800</span> +</dt>
            <dd>覆盖高校营地场所</dd>
        </dl>
        <dl>
            <dt><span>108</span> 位</dt>
            <dd>获得未名认证导师</dd>
        </dl>
    </div>
</div>
<div class="container-fluid cooperative_organization" id="institutions">
    <div class="container">
        <div class="col-xs-12 cooperative_organization_title">
            <h1>合作机构</h1>
            <span>COOPERATIVE ORGANIZAION</span>
        </div>
        <div class="swiper_box">
            <!-- 按钮 -->
            <p class="btn_left image"><img src="__STATIC__/wm_index/images/wm/icon_arrow_left.png" alt=""></p>
            <p class="btn_right image"><img src="__STATIC__/wm_index/images/wm/icon_arrow_right.png" alt=""></p>
            <!-- 滚动区域 -->
            <div class="swiper-container" id="institutions_list">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/aaee.jpg" alt=""></p>
                        <p class="txt">亚洲体验教育学会</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/aca.jpg" alt=""></p>
                        <p class="txt">美国ACA协会</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/zhiwu.jpg" alt=""></p>
                        <p class="txt">中国植物学会</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/taoxichuan.jpg" alt=""></p>
                        <p class="txt">陶文旅集团</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/beida.jpg" alt=""></p>
                        <p class="txt">北京大学</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/qinghua.jpg" alt=""></p>
                        <p class="txt">清华大学</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/ertong.jpg" alt=""></p>
                        <p class="txt">中国儿童中心</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/tushuguan.jpg" alt=""></p>
                        <p class="txt">国家数字图书馆</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/anhui.jpg" alt=""></p>
                        <p class="txt">安徽工程大学</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/nongye.jpg" alt=""></p>
                        <p class="txt">中国农业大学</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/zhongkeyuan.jpg" alt=""></p>
                        <p class="txt">中国科学院</p>
                    </div>
                    <div class="swiper-slide">
                        <p class="img"><img src="__STATIC__/wm_index/images/wm/hangkonghangtian.jpg" alt=""></p>
                        <p class="txt">北京航空航天大学</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 cooperative_organization_more"><a href="#">查看更多 ></a></div>
    </div>
</div>
<script src="__STATIC__/wm_index/js/wm/isScroll.js"></script>
<div class="container-fluid bottom_top">
    <div class="container">
        <div class="col-xs-12 col-sm-4">
            <img src="__STATIC__/wm_newindex/images/icon_ribbon1.png" />
            <dl>
                <dt>安全保障</dt>
                <dd>行前培训、风险预控、高师自配</dd>
            </dl>
        </div>
        <div class="col-xs-12 col-sm-4">
            <img src="__STATIC__/wm_newindex/images/icon_ribbon2.png" />
            <dl>
                <dt>优选课程</dt>
                <dd>探究式课题研究，教材知识点引用</dd>
            </dl>
        </div>
        <div class="col-xs-12 col-sm-4">
            <img src="__STATIC__/wm_newindex/images/icon_ribbon3.png" />
            <dl>
                <dt>专业导师</dt>
                <dd>未名认证、岗前培训、严格筛选</dd>
            </dl>
        </div>
    </div>
</div>
{/block}


{block name='content'}

    <!-- banner -->
    <div class="swiper-container banner">
        <div class="swiper-wrapper">
            <!-- start -->
            {foreach $slider as $v}
            <div class="swiper-slide image">
                <a href="{$v.link}"><img src="{$v.thumb ?: ''}" lay-src="__STATIC__/index/img/case_03.png" alt=""></a>
            </div>
            {/foreach}
            <!-- end -->
        </div>
        <!-- 分页器 -->
        <div class="swiper-pagination"></div>
    </div>
    <!-- 公司简介 -->
    {notempty name='block1'}
    <div id="brief" class="cell">
        <img id="trapezoid" src="__STATIC__/index/img/trapezoid.png" alt="">
        <div class="cell_content">
            <p class="title"><span>{$block1.title ?: ''}</span></p>
            <p class="sub_title">{$block1.english_title ?: ''}</p>
            <div class="content">
                <div class="image"><img src="{$block1.content.thumb ?: ''}" alt=""></div>
                <div class="right">
                    {$block1.content.content|raw|default=''}
                </div>
            </div>
        </div>
    </div>
    {/notempty}
    <!-- 核心优势 -->
    <div id="core_strength" class="cell bg">
        <div class="cell_content">
            <p class="title"><span>{$block2.title ?: ''}</span></p>
            <p class="sub_title">{$block2.english_title ?: ''}</p>
            <ul>
                {foreach $block2['content'] as $v}
                {php}
                    switch($v['pid']){
                        case '5':
                            $class = 'top_educational_resources';
                            break;
                        case '6':
                        $class = 'advanced_course_content';
                        break;
                        case '7':
                        $class = 'professional_teacher';
                        break;
                        case '8':
                        $class = 'operational_experience';
                        break;
                        case '9':
                        $class = 'security_system';
                        break;
                        case '10':
                        $class = '';
                        break;
                    }
                {/php}
                <li class="{$class}">
                    <img src="{$v.content.thumb ?: ''}" alt="">
                    <img src="{$v.content.thumb2 ?: ''}" alt="">
                    <p class="title">{$v.content.title ?: ''}</p>
                    <p class="txt">{$v.content.content ?: ''}</p>
                </li>
                {/foreach}
            </ul>
        </div>
    </div>
    {foreach $block2['content'] as $v}
    {switch $v.pid }
        {case 5 }
        <!-- 雄厚的教育资源 -->
        <div id="top_educational_resources" class="cell">
    <div class="cell_content">
        <p class="title"><span>{$block3.title ?: ''}</span></p>
        <p class="sub_title">{$block3.english_title ?: ''}</p>
        <ul>
            {notempty name="block3['content']['lists']"}
            {foreach $block3['content']['lists'] as $v}
            <li>
                <a href="{$v.link ?: 'javascript:;'}">
                    <p class="img"><img src="{$v.thumb ?: ''}" alt=""></p>
                    <p class="title">{$v.title ?: ''}</p>
                    <p class="txt">{$v.content|raw|default=''}</p>
                </a>
            </li>
            {/foreach}
            {/notempty}
        </ul>
    </div>
</div>
        {/case}

        {case 6 }
        <!-- 先进的课程体系 -->
        <div id="advanced_course_content" class="cell bg">
            <div class="cell_content">
                <p class="title"><span>{$block4.title ?: ''}</span></p>
                <p class="sub_title">{$block4.english_title ?: ''}</p>
                <div class="txt">
                    {$block4.content.desc|raw|default=''}
                </div>
                <ul>
                    {notempty name="block4['content']['lists']"}
                    {foreach $block4['content']['lists'] as $v}
                    <li>
                        <a href="{$v.link ?: 'javascript:;'}">
                            <p class="img"><img src="{$v.thumb ?: ''}" alt=""></p>
                            <p class="title">{$v.title ?: ''}</p>
                        </a>
                    </li>
                    {/foreach}
                    {/notempty}

                </ul>
            </div>
        </div>
        {/case}

        {case 7 }
        <!-- 专业的师资团队 -->
        <div class="cell" id="professional_teacher">
    <div class="cell_content">
        <p class="title"><span>{$block5.title ?: ''}</span></p>
        <p class="sub_title">{$block5.english_title ?: ''}</p>
        <ul>
            {notempty name="block5['content']['lists']"}
            {foreach $block5['content']['lists'] as $v}
            <li>
                <a href="{$v.link ?: 'javascript:;'}">
                    <p class="circular"><i>{$v.title ?: ''}</i></p>
                    <p class="txt">{$v.content ?: ''}</p>
                </a>
            </li>
            {/foreach}
            {/notempty}

        </ul>
    </div>
</div>
        {/case}

        {case 8 }
        <!-- 丰富的运营经验 -->
        <div class="cell bg" id="operational_experience">
    <div class="cell_content">
        <p class="title"><span>{$block6.title ?: ''}</span></p>
        <p class="sub_title">{$block6.english_title ?: ''}</p>
        <a class="txt" href="{$block6.link ?: 'javascript:;'}">{$block6.content.desc ?: ''}</a>
        <div class="swiper-container spot">
            <div class="swiper-wrapper">
                {notempty name="block6['content']['lists']"}
                {foreach $block6['content']['lists'] as $v}
                <div class="swiper-slide">
                    <a class="image" href="{$v.link ?: 'javascript:;'}">
                        <img src="{$v.thumb ?: ''}" alt="">
                        <p>{$v.title ?: ''}</p>
                    </a>
                </div>
                {/foreach}
                {/notempty}
            </div>
            <!-- 导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <ul class="tips">
            {notempty name="block6['content']['yeji']"}
            {foreach $block6['content']['yeji'] as $v}
            <li>
                <a href="{$v.link ?: 'javascript:;'}">
                    <p class="data">
                        <span>{$v.title|raw|default=''}</span>
                        <small></small>
                    </p>
                    <p class="title">{$v.content ?: ''}</p>
                </a>
            </li>
            {/foreach}
            {/notempty}

        </ul>
    </div>
</div>
        {/case}

        {case 9 }
        <!-- 可靠的安全保障 -->
        <div class="cell" id="security_system">
    <div class="cell_content">
        <p class="title"><span>{$block7.title ?: ''}</span></p>
        <p class="sub_title">{$block7.english_title ?: ''}</p>
        <a class="images" href="{$block7.link ?: 'javascript:;'}">
            {$block7.content.content|raw|default=''}
        </a>
    </div>
</div>
        {/case}
    {/switch}
    {/foreach}

    <!-- 推荐课程 -->
    <div class="cell bg" id="recommended_course">
        <div class="cell_content">
            <p class="title"><span>{$block8.title ?: ''}</span></p>
            <p class="sub_title">{$block8.english_title ?: ''}</p>
            <ul>
                {notempty name="block8['content']['lists']"}
                {foreach $block8['content']['lists'] as $v}
                <li>
                    <a href="{$v.link ?: 'javascript:;'}">
                        <p class="image"><img src="{$v.thumb ?: ''}" alt=""></p>
                        <p class="title a_row">{$v.title ?: ''}</p>
                        <p class="txt">{$v.content|raw|default=''}</p>
                    </a>
                </li>
                {/foreach}
                {/notempty}
            </ul>
            <div class="more_box">
                <a class="more" href="{$block8.link ?: 'javascript:;'}">
                    <span>查看更多</span>
                    <img src="__STATIC__/index/img/more.png" alt="">
                </a>
            </div>
        </div>
    </div>
    <!-- 博大新闻 -->
    <div class="cell" id="news">
        <div class="cell_content">
            <p class="title"><span>{$block9.title ?: ''}</span></p>
            <p class="sub_title">{$block9.english_title ?: ''}</p>
            <ul>
                {notempty name="block9['content']['lists']"}
                {foreach $block9['content']['lists'] as $v}
                <li>
                    <a href="{$v.link ?: 'javascript:;'}">
                        <p class="image"><img src="{$v.thumb ?: ''}" alt=""></p>
                        <div>
                            <p class="title a_row">{$v.title ?: ''}</p>
                            <p class="time">{$v.create_at ?: ''}</p>
                            <p class="txt more_row">{$v.content|raw|default=''}</p>
                        </div>
                    </a>
                </li>
                {/foreach}
                {/notempty}

            </ul>
            <div class="more_box">
                <a class="more" href="{$block9.link ?: 'javascript:;'}">
                    <span>查看更多</span>
                    <img src="__STATIC__/index/img/more2.png" alt="">
                </a>
            </div>
        </div>
    </div>

{/block}

{block name='script'}
<link rel="stylesheet" href="__STATIC__/index/css/index.css">
<script src="__STATIC__/index/js/swiper.min.js"></script>
<!--<script src="__STATIC__/plugs/layui/layui.all.js"></script>-->
<script>
    $(function () {

        var banner = new Swiper('.banner', {
            loop: true,
            autoplay: true,
            // 分页器
            pagination: {
                el: '.swiper-pagination',
                clickable :true,
            },
        })

        $("#core_strength").on("click", "li", function () {
            var name = $(this).attr("class");
            console.log(name);
            switch (name) {
                case "top_educational_resources":
                    var top = $("#top_educational_resources").offset().top - 90;
                    $("html,body").animate({
                        "scrollTop": top
                    });
                    break;
                case "advanced_course_content":
                    var top = $("#advanced_course_content").offset().top - 90;
                    $("html,body").animate({
                        "scrollTop": top
                    });
                    break;
                case "professional_teacher":
                    var top = $("#professional_teacher").offset().top - 90;
                    $("html,body").animate({
                        "scrollTop": top
                    });
                    break;
                case "operational_experience":
                    var top = $("#operational_experience").offset().top - 90;
                    $("html,body").animate({
                        "scrollTop": top
                    });
                    break;
                case "security_system":
                    var top = $("#security_system").offset().top - 90;
                    $("html,body").animate({
                        "scrollTop": top
                    });
                    break;
                default:
                    break;
            }
        })

        var spot = new Swiper('.spot', {
            slidesPerView: 'auto',
            // 前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })
    })
</script>
{/block}